/*== qr & gotop ==*/

.qr-gotop {
    visibility: hidden;
}

.qr {
    display: inline-block;
    height: 155px;
    width: 88px;
    position: fixed;
    bottom: 348px;
    left: 50%;
    margin-left: 544px;
    background-color: #f6f6f6;
    color: #0d4da1;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}

.qr img.pic {
    width: 88px;
    height: 96px;
}

.go-top {
    display: inline-block;
    height: 106px;
    width: 88px;
    position: fixed;
    bottom: 240px;
    left: 50%;
    margin-left: 544px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #f6f6f6;
    background-image: url(../images/gotop.png);
    background-position: center;
    background-repeat: no-repeat;
}

.go-is-visible {
    visibility: visible;
    opacity: 1;
}

.go-fade-out {
    opacity: 1;
}

.go-top:hover {
    opacity: 1;
}

.toolbar-item, .toolbar-layer {
    background: url(../images/toolbar2.png) no-repeat;
}

.toolbar {
    position: fixed;
    right: 0px;
    /*bottom: 320px;*/
    top:435px;
    z-index: 999999999999;
}


/**/
.toolbar-item {
    display: block;
    width: 64px;
    height: 64px;
    margin-top: 1px;
    position: relative;
    -moz-transition: background-position 0.3s;
    -ms-transition: background-position 0.3s;
    -o-moz-transition: background-position 0.3s;
    -webkit-moz-transition: background-position 0.3s;
    transition: background-position 0.3s;
}

.toolbar-item:hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.toolbar-item:hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.toolbar-item-weixin {
    background-position: -150px 0px;
}

.toolbar-item-weixin:hover {
    background-position: -150px -66px;
}

.toolbar-item-weixin .toolbar-layer {
    height: 179px;
    background-position: 0 0;
}

.toolbar-item-weibo {
    background-position: -150px -132px;
}

.toolbar-item-weibo:hover {
    background-position: -150px -198px;
}

.toolbar-item-weibo .toolbar-layer {
    height: 179px;
    background-position: 0 -191px;
}

.toolbar-item-xinlang {
    background-position: -150px -264px;
}

.toolbar-item-xinlang:hover {
    background-position: -150px -330px;
}

.toolbar-item-xinlang .toolbar-layer {
    height: 179px;
    background-position: 0 -380px;
}

.toolbar-item-app {
    background-position: -150px -396px;
}

.toolbar-item-app:hover {
    background-position: -150px -462px;
}

.toolbar-item-app .toolbar-layer {
    height: 179px;
    background-position: 0 -569px;
}

.toolbar-item-top {
    background-position: -150px -528px;
}

.toolbar-item-top:hover {
    background-position: -150px -594px;
}
/**/
.toolbar-item-apk {
    background-position: -150px -660px;
}

.toolbar-item-apk:hover {
    background-position: -150px -726px;
}

.toolbar-item-apk .toolbar-layer {
    height: 179px;
    background-position: 0 -758px;
}

.toolbar-item-dywfb {
    background-position: -150px -792px;
}

.toolbar-item-dywfb:hover {
    background-position: -150px -858px;
}

.toolbar-item-dywfb .toolbar-layer {
    height: 179px;
    background-position: 0 -950px;
}

.toolbar-item-ztgd {
    background-position: -150px -924px;
}

.toolbar-item-ztgd:hover {
    background-position: -150px -990px;
}

.toolbar-item-ztgd .toolbar-layer {
    height: 179px;
    background-position: 0 -1142px;
}
/**/
.toolbar-layer {
    position: absolute;
    right: 68px;
    bottom: 0px;
    width: 136px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.toolbar .tbclose {
    position: absolute;
    width: 64px;
    height: 30px;
    line-height: 30px;
    top: -29px;
    COLOR: #F6F6F6;
    text-align: center;
    background-color: #F9961F;
}

.toolbar .tbclose:hover {
    COLOR: #F89620;
    text-align: center;
    background-color: #F6F6F6;
}